<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Search</title>
</head>
<body>

<form th:action="@{/books/search}" th:method="POST">

    <p>
        <label for="search">Введите поисковый запрос:</label>
        <input id="search" th:name="title" type="text">
    </p>

    <button type="submit">Искать</button>
</form>

<!-- если в контроллере передали аттрибут books, то данный блок будет отображаться -->
<div th:if="${books != null}">
    <p th:if="${books.isEmpty()}" th:text="${'Книг не найдено'}">NOT FOUND</p>
    <div th:each="book : ${books}" th:if="${!books.isEmpty()}">
        <p><a th:href="@{/books/{id}(id=${book.getId()})}"
              th:text="${book.getTitle() + ', ' + book.getAuthor() + ', ' + book.getYear()}">BOOK</a></p>

        <p th:if="${book.getPerson() != null}" th:text="${'Книга сейчас у: ' + book.getPerson().getName()}">OWNER</p>
        <p th:if="${book.getPerson() == null}" th:text="${'Книга свободна'}">VACANT</p>
        <hr/>
    </div>
</div>
</body>
</html>